<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="formDisabled">
      <!-- 主表单区域 -->
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <span style="color: red;">说明：1.十三薪：上半年退休人员发放半年，下半年退休人员发放全年。退休时间以批复退休文件为准。
          2.2026年发放的年度考核奖发放月份：2025年在职月份；发放标准：以2025年发放标准为基础。
          3.13%房补应与你单位07月工资表中房补一致（按照原人事处通知房补自2023年01月停止更新计算）。
          4.2025年退休人员在2026年涉及发放十三薪和年度考核奖仅需填列十三薪、年度考核奖、2025年在职月数。
          5.离岗创业人员：只交社会保险和公积金单位部分，其他都不发放。 单位：元
        </span>
        <a-row>

          <a-col :xs="12" :sm="12">
            <a-form-model-item label="年度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="year">
              <j-dict-select-tag type="list" v-model="model.year" dictCode="year" placeholder="请选择年度"
                @change="handleYearChange" />
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </j-form-container>
    <!-- 子表单区域 -->
    <a-tabs v-model="activeKey" @change="handleChangeTabs">
      <a-tab-pane tab="在职人员工资明细表" :key="refKeys[0]" :forceRender="true">
        <j-editable-table :ref="refKeys[0]" :loading="cwZzrygzmxbTable.loading" :columns="cwZzrygzmxbTable.columns"
          :dataSource="cwZzrygzmxbTable.dataSource" :maxHeight="300" :disabled="formDisabled" :rowNumber="true"
          :rowSelection="true" :actionButton="true" @valueChange="handleTableValueChange" />
      </a-tab-pane>
    </a-tabs>
  </a-spin>
</template>

<script>
import { mapState } from 'vuex'

import { FormTypes, getRefPromise, VALIDATE_NO_PASSED } from '@/utils/JEditableTableUtil'
import { JEditableTableModelMixin } from '@/mixins/JEditableTableModelMixin'
import { validateDuplicateValue } from '@/utils/util'
import { getAction } from '@/api/manage'

export default {
  name: 'CwZzrygzmxbTjForm',
  mixins: [JEditableTableModelMixin],
  components: {},
  data() {
    return {
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
      model: { year: '' }, // 初始为空，由watch同步全局年度
      validatorRules: {
        unit: [
          { required: true, message: '请选择单位!' },
        ],
        year: [
          { required: true, message: '请选择年度!' },
        ],
      },
      addDefaultRowNum: 1,
      refKeys: ['cwZzrygzmxb'],
      tableKeys: ['cwZzrygzmxb'],
      activeKey: 'cwZzrygzmxb',
      confirmLoading: false,
      // 在职人员工资明细表
      cwZzrygzmxbTable: {
        loading: false,
        dataSource: [],
        columns: [
          // {
          //   title: '财政/非财政',
          //   key: 'czFcz',
          //   type: FormTypes.select,
          //   dictCode: "cz_fcz",
          //   width: "200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          {
            title: '姓名',
            key: 'name',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '',
          },
          {
            title: '职称 (职务)',
            key: 'zc',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '',
          },
          {
            title: '在职退休',
            key: 'zzTx',
            type: FormTypes.select,
            dictCode: "zz_tx",
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '',
          },
          {
            title: '岗位工资',
            key: 'postWage',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '26年薪级工资',
            key: 'xjgj',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '生活性补贴',
            key: 'livingAllowance',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '工作性津贴',
            key: 'wivingAllowance',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '卫生费',
            key: 'sanitationFee',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '回民补贴',
            key: 'hmbt',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '艰苦边远补贴',
            key: 'jkbybt',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '保健费（测试中心）',
            key: 'healthSubsidies',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '13%房补',
            key: 'housingSubsidy',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '基础绩效奖',
            key: 'jcjxj',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '月应发合计',
            key: 'monthTotal',
            type: FormTypes.input,
            width: "200px",
            placeholder: '自动计算',
            defaultValue: '0.00',
            disabled: true, // 禁止手动编辑
            validateRules: [
              {
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '25年薪级工资',
            key: 'xjgz',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '2026年发放的十三薪',
            key: 'shisanxin',
            type: FormTypes.input,
            width: "200px",
            placeholder: '自动计算',
            defaultValue: '0.00',
            disabled: true, // 禁止手动编辑
            validateRules: [
              {
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '2026年发放的年度考核奖',
            key: 'ndkhj',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '取暖费',
            key: 'heatingFee',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '0.0',
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '2025年在职月份',
            key: 'zzyy',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '1',
            validateRules: [
              {
                pattern: /^(1[0-2]|[1-9])$/,
                message: "${title}格式不正确，请输入1-12的整数"
              }
            ],
          },
          {
            title: '2026年在职月份',
            key: 'zzMonth',
            type: FormTypes.input,
            width: "200px",
            placeholder: '请输入${title}',
            defaultValue: '1',
            validateRules: [
              {
                pattern: /^(1[0-2]|[1-9])$/,
                message: "${title}格式不正确，请输入1-12的整数"
              }
            ],
          },
          {
            title: '年基本工资',
            key: 'basePay',
            type: FormTypes.input,
            width: "200px",
            placeholder: '不必填',
            defaultValue: '0.0',
            disabled: true, // 禁止手动编辑
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          // 新增：年绩效工资字段（自动计算）
          {
            title: '年绩效工资',
            key: 'njxjg',
            type: FormTypes.input,
            width: "200px",
            placeholder: '自动计算',
            defaultValue: '0.00',
            disabled: true, // 禁止手动编辑
            validateRules: [
              {
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
          {
            title: '年津贴补贴',
            key: 'njtbt',
            type: FormTypes.input,
            width: "200px",
            placeholder: '不必填',
            defaultValue: '0.0',
            disabled: true, // 禁止手动编辑
            validateRules: [
              {
                // 修改后的正则：仅允许非负数字，支持整数或最多2位小数
                pattern: /^\d+(\.\d{1,2})?$/,
                message: "${title}格式不正确，仅支持非负整数或最多2位小数"
              }
            ],
          },
        ]
      },
      url: {
        add: "/cw/cwZzrygzmxbTj/add",
        edit: "/cw/cwZzrygzmxbTj/edit",
        cwZzrygzmxb: {
          list: '/cw/cwZzrygzmxbTj/queryCwZzrygzmxbByMainId'
        },
        getByYear: '/cw/cwZzrygzmxbTj/list' // 复用CwTjForm的年度查询接口，后续可自行修改
      },
      calcTimer: null, // 防抖用计时器
      isManualChange: false // 标记是否手动修改过表单年度

    }
  },
  props: {
    disabled: {
      type: Boolean,
      default: false,
      required: false
    },
    scene: { // 接收 Modal 传递的场景值
      type: String,
      default: ''
    }
  },
  computed: {
    formDisabled() {
      return this.disabled
    },
    ...mapState({ globalYear: state => state.app.globalYear })

  },

  watch: {
    // 监听全局年度变化，同步到表单（仅当未手动修改时）
    globalYear(newVal) {
      if (!this.isManualChange) {
        this.model.year = newVal
        // 可选：自动触发年度查询，解开注释即可
        // this.handleYearChange(newVal)
      }
    },
    // 监听表单年度变化，标记是否手动修改
    'model.year'(newVal, oldVal) {
      if (oldVal && newVal !== this.globalYear) {
        this.isManualChange = true // 手动修改后，不再同步全局年度
      }
    }
  },

  created() {
    // 初始化时同步全局年度
    this.model.year = this.globalYear
    const scene = this.scene; // 接收 Modal 传递的 scene（add/edit）
    this.currentScene = scene; // 存储到本地变量，后续复用
    console.log(scene)
    if (scene=='add'){
      this. handleYearChange(this.model.year)
    }
  },
  methods: {
    // 1. 统一监听表格值变化
    handleTableValueChange({ row, column, value }) {
      console.log("工资表值变化：", "列名=", column.key, "新值=", value, "当前行=", row);

      // 防抖避免频繁计算
      if (this.calcTimer) {
        clearTimeout(this.calcTimer);
      }

      // 定义需要触发计算的字段（所有参与公式的字段）
      const calcKeys = [
        // 年基本工资相关字段
        'postWage', 'xjgj', 'zzMonth',
        // 年津贴补贴相关字段
        'livingAllowance', 'wivingAllowance', 'sanitationFee', 'hmbt', 'jkbybt', 'healthSubsidies', 'housingSubsidy', 'heatingFee', 'zzyy',
        // 年绩效工资相关字段
        'jcjxj', 'ndkhj', 'xjgz'
      ];

      // 仅修改上述字段时，触发计算
      if (calcKeys.includes(column.key)) {
        this.calcTimer = setTimeout(() => {
          this.calcAllSalary(row); // 统一计算3个目标字段
        }, 50);
      }
    },

    // 2. 安全解析数字（复用成功代码逻辑）
    safeParseNumber(str) {
      if (!str || typeof str !== 'string') return 0;
      const cleanStr = str.replace(/[^\d.-]/g, '');
      const num = parseFloat(cleanStr);
      return isNaN(num) ? 0 : Math.max(0, num); // 确保非负数
    },

    calcAllSalary(row) {
      console.log("触发工资计算：", "行=", row);

      if (!row) {
        console.warn("行数据为空，无法计算");
        return;
      }

      try {
        // ---------------------- 基础变量解析（先统一解析所有需要的字段）----------------------
        const postWage = this.safeParseNumber(String(row.postWage || '0.0')); // 岗位工资
        const xjgj = this.safeParseNumber(String(row.xjgj || '0.0')); // 26年薪级工资
        const zzMonth = this.safeParseNumber(String(row.zzMonth || '1')); // 2026年在职月份
        const livingAllowance = this.safeParseNumber(String(row.livingAllowance || '0.0')); // 生活性补贴
        const wivingAllowance = this.safeParseNumber(String(row.wivingAllowance || '0.0')); // 工作性津贴
        const sanitationFee = this.safeParseNumber(String(row.sanitationFee || '0.0')); // 卫生费
        const hmbt = this.safeParseNumber(String(row.hmbt || '0.0')); // 回民补贴
        const jkbybt = this.safeParseNumber(String(row.jkbybt || '0.0')); // 艰苦边远补贴
        const healthSubsidies = this.safeParseNumber(String(row.healthSubsidies || '0.0')); // 保健费
        const housingSubsidy = this.safeParseNumber(String(row.housingSubsidy || '0.0')); // 13%房补
        const heatingFee = this.safeParseNumber(String(row.heatingFee || '0.0')); // 取暖费
        const zzyy = this.safeParseNumber(String(row.zzyy || '1')); // 2025年在职月份
        const jcjxj = this.safeParseNumber(String(row.jcjxj || '0.0')); // 基础绩效奖
        const ndkhj = this.safeParseNumber(String(row.ndkhj || '0.0')); // 2026年发放的年度考核奖
        const xjgz = this.safeParseNumber(String(row.xjgz || '0.0')); // 25年薪级工资

        // ---------------------- 先计算依赖项（月应发合计、十三薪）----------------------
        // 1. 月应发合计：岗位工资+26年薪级工资+生活性补贴+工作性津贴+卫生费+回民补贴+艰苦边远补贴+保健费+13%房补+基础绩效奖
        const monthTotalSum = postWage + xjgj + livingAllowance + wivingAllowance + sanitationFee + hmbt + jkbybt + healthSubsidies + housingSubsidy + jcjxj;
        const monthTotal = Math.round(monthTotalSum * 100) / 100;
        const monthTotalStr = monthTotal.toFixed(2);

        // 2. 2026年发放的十三薪：2025年在职月份>7 → 岗位工资+25年薪级工资；否则 → (岗位工资+25年薪级工资)/2
        let shisanxin = 0;
        if (zzyy > 7) {
          shisanxin = postWage + xjgz;
        } else {
          shisanxin = (postWage + xjgz) / 2;
        }
        shisanxin = Math.round(shisanxin * 100) / 100;
        const shisanxinStr = shisanxin.toFixed(2);

        // ---------------------- 再计算其他目标字段（依赖已就绪）----------------------
        // 3. 年基本工资：(岗位工资 + 26年薪级工资) × 2026年在职月份
        const basePay = Math.round((postWage + xjgj) * zzMonth * 100) / 100;
        const basePayStr = basePay.toFixed(2);

        // 4. 年津贴补贴：(生活性补贴+工作性津贴+卫生费+回民补贴+艰苦边远补贴+保健费+13%房补) × 取暖费 + 2026年在职月份
        const subsidySum = livingAllowance + wivingAllowance + sanitationFee + hmbt + jkbybt + healthSubsidies + housingSubsidy;
        const njtbt = Math.round((subsidySum * heatingFee + zzMonth) * 100) / 100;
        const njtbtStr = njtbt.toFixed(2);

        // 5. 年绩效工资：2026年发放的十三薪 + 基础绩效奖 × 2026年在职月份 + 2026年发放的年度考核奖
        const njxjg = Math.round((shisanxin + (jcjxj * zzMonth) + ndkhj) * 100) / 100;
        const njxjgStr = njxjg.toFixed(2);

        // 打印日志验证（便于调试）
        console.log("计算验证：",
          "十三薪=", shisanxinStr,
          "基础绩效奖=", jcjxj,
          "2026在职月份=", zzMonth,
          "年度考核奖=", ndkhj,
          "年绩效工资=", njxjgStr
        );

        // 更新表格所有计算字段
        this.updateSalaryInTable(row, {
          basePay: basePayStr,
          njtbt: njtbtStr,
          njxjg: njxjgStr,
          monthTotal: monthTotalStr,
          shisanxin: shisanxinStr
        });

      } catch (error) {
        console.error("计算工资时发生错误：", error);
      }
    },
    // 4. 更新表格中的计算结果
    updateSalaryInTable(row, salaryObj) {
      const tableRef = this.$refs[this.refKeys[0]];
      if (!tableRef) {
        console.error("工资表引用不存在");
        return;
      }

      // 方法1：使用表格setValues API（推荐）
      if (tableRef.setValues) {
        tableRef.setValues([{
          rowKey: row.id || row._rowKey, // 适配行标识
          values: salaryObj // 同时更新3个字段
        }]);
      }
      // 方法2：使用setCellValue（备选）
      else if (tableRef.setCellValue) {
        const rowIndex = this.cwZzrygzmxbTable.dataSource.findIndex(
          item => item.id === row.id || item._rowKey === row._rowKey
        );
        if (rowIndex !== -1) {
          Object.entries(salaryObj).forEach(([key, value]) => {
            tableRef.setCellValue(rowIndex, key, value);
          });
        }
      }

      // 同步更新dataSource（确保数据一致性）
      this.$nextTick(() => {
        const dataIndex = this.cwZzrygzmxbTable.dataSource.findIndex(
          item => item.id === row.id || item._rowKey === row._rowKey
        );
        if (dataIndex !== -1) {
          Object.entries(salaryObj).forEach(([key, value]) => {
            this.$set(this.cwZzrygzmxbTable.dataSource[dataIndex], key, value);
          });
        }
      });
    },

    // 5. 新增行初始化（适配工资表字段）
    addBefore() {
      this.cwZzrygzmxbTable.dataSource = [];
      this.$nextTick(() => {
        const defaultRow = {
          id: Date.now().toString(), // 唯一行ID
          // 基础字段默认值
          name: '',
          zc: '',
          zzTx: '',
          // 工资相关字段默认值（0.0）
          monthTotal: '0.00', // 月应发合计默认值
          shisanxin: '0.00', // 十三薪默认值
          postWage: '0.0',
          xjgj: '0.0',
          livingAllowance: '0.0',
          wivingAllowance: '0.0',
          sanitationFee: '0.0',
          hmbt: '0.0',
          jkbybt: '0.0',
          healthSubsidies: '0.0',
          housingSubsidy: '0.0',
          jcjxj: '0.0',
          ndkhj: '0.0',
          heatingFee: '0.0',
          // 在职月份默认值（1）
          zzyy: '1',
          zzMonth: '1',
          // 自动计算字段默认值（0.00）
          basePay: '0.00',
          njtbt: '0.00',
          njxjg: '0.00',
        };
        this.cwZzrygzmxbTable.dataSource.push(defaultRow);
        this.calcAllSalary(defaultRow); // 初始化计算
      });
    },

    // 6. 编辑回显后计算所有行工资
    editAfter() {
      this.$nextTick(() => {
        // 回显数据后计算所有行
        this.cwZzrygzmxbTable.dataSource.forEach(row => {
          this.calcAllSalary(row);
        });
      });
      if (this.model.id) {
        let params = { id: this.model.id }
        getAction(this.url.cwZzrygzmxb.list, params).then(res => {
          if (res.success) {
            this.cwZzrygzmxbTable.dataSource = res.result.records || [];
            // 数据加载完成后计算所有行
            this.$nextTick(() => {
              this.cwZzrygzmxbTable.dataSource.forEach(row => {
                this.calcAllSalary(row);
              });
            });
          }
        }).finally(() => {
          this.cwZzrygzmxbTable.loading = false
        })
      }
    },
    getAllTable() {
      let values = this.tableKeys.map(key => getRefPromise(this, key))
      return Promise.all(values)
    },
    // editAfter() {
    //   this.$nextTick(() => { })
    //   if (this.model.id) {
    //     let params = { id: this.model.id }
    //     getAction(this.url.cwZzrygzmxb.list, params).then(res => {
    //       if (res.success) {
    //         this.cwZzrygzmxbTable.dataSource = res.result.records || []
    //       }
    //     }).finally(() => {
    //       this.cwZzrygzmxbTable.loading = false
    //     })
    //   }
    // },
    validateSubForm(allValues) {
      return new Promise((resolve, reject) => {
        Promise.all([]).then(() => {
          resolve(allValues)
        }).catch(e => {
          if (e.error === VALIDATE_NO_PASSED) {
            this.activeKey = e.index == null ? this.activeKey : this.refKeys[e.index]
          } else {
            console.error(e)
          }
        })
      })
    },
    classifyIntoFormData(allValues) {
      let main = Object.assign(this.model, allValues.formValue)
      return {
        ...main,
        cwZzrygzmxbList: allValues.tablesValue[0].values,
      }
    },
    validateError(msg) {
      this.$message.error(msg)
    },
    close() {
      this.visible = false
      this.$emit('close')
      if (this.$refs.form) {
        this.$refs.form.clearValidate();
      }
    },
    async handleYearChange(year) {
      // 清空逻辑：未选择年度时，保留单位，清空其他数据
      if (!year) {
        this.model = { unit: this.model.unit }
        this.cwZzrygzmxbTable.dataSource = []
        return
      }

      // 加载状态：主表+子表同时加载
      this.confirmLoading = true
      this.cwZzrygzmxbTable.loading = true

      try {
        // 1. 调用年度查询接口
        const yearResponse = await getAction(this.url.getByYear, { year })

        if (yearResponse.success && yearResponse.result.records.length > 0) {
          const mainRecord = yearResponse.result.records[0]
          // 主表数据回显：保留用户已选的unit和year，合并接口返回的其他字段
          this.model = {
            ...this.model,
            ...mainRecord
          }

          // 2. 使用返回的mainId调用工资明细表列表接口
          if (mainRecord.id) {
            const salaryResponse = await getAction(this.url.cwZzrygzmxb.list, {
              id: mainRecord.id
            })

            if (salaryResponse.success) {
              this.cwZzrygzmxbTable.dataSource = salaryResponse.result.records || []
            } else {
              this.$message.warning('获取工资明细表数据失败：' + (salaryResponse.message || '未知错误'))
              this.cwZzrygzmxbTable.dataSource = []
            }
          } else {
            this.$message.warning('未获取到工资明细表关联ID，无法加载数据')
            this.cwZzrygzmxbTable.dataSource = []
          }
        } else {
          // 接口返回失败（如无数据），显示警告并清空子表
          this.$message.warning(yearResponse.message || '该年度暂无数据')
          this.cwZzrygzmxbTable.dataSource = []
          this.model.id = undefined;

        }
      } catch (error) {
        // 异常处理
        console.error('查询接口异常：', error)
        this.$message.error('查询失败，请刷新页面重试或联系管理员')
        this.cwZzrygzmxbTable.dataSource = []
      } finally {
        // 关闭加载状态（无论成功/失败）
        this.confirmLoading = false
        this.cwZzrygzmxbTable.loading = false
      }
    }
  }
}
</script>

<style scoped></style>